{include file="/home/geeka813/public_html/smarty_templates/common.tpl"}

	<!-- Container -->
	<section class="container row clearfix">
		<header class="clearfix">
			<nav id="main-menu" class="left navigation">
				<ul class="sf-menu no-bullet inline-list m0">
					<li><a href="index.php" class="active">Home</a></li>
					
					{foreach $menu1 as $menuItem}
					<li><a href={if $menuItem->link}"{$menuItem->link}"{else}"#"{/if}>{$menuItem->name}</a>
						{if $menuItem->submenus}
						<ul class="sub-menu">
							{foreach $menuItem->submenus as $subMenuItem}
							<li><a href="{$subMenuItem->link}">{$subMenuItem->name}</a>
							
                                                           {if $subMenuItem->subpages|@count >= 1}
							   <ul class="sub-menu">
							   {foreach $subMenuItem->subpages as $subPageItem}
							            <li><a href="{$subPageItem->link}">{$subPageItem->name}</a></li>
		    			                   {/foreach}
                                                           </ul>
                                                           {/if}
		    			                  
		    			                </li>
							{/foreach}
						</ul>
						{/if}
		    			</li>
		    			{/foreach}
				</ul>
			</nav>

{* TODO decide whether to implement search
			<div class="search-bar right clearfix">
				<form action="http://www.geekawhat.com/search.php">
					<input name="s" type="text" data-value="search" value="search">
					<input name="submit" type="submit" value="">
				</form>
			</div> *}
		</header>

		<!-- Inner Container -->
		<section class="inner-container clearfix">
			<!-- Content -->
			<section id="content" class="eight column row pull-left">
				
				
				<section class="row">
					
					
						</div>

						<!--
						<div class="post-meta">
							<span class="comments"><a href="#">24</a></span>
							<span class="author"><a href="#">nextwpthemes</a></span>
							<span class="date"><a href="#">13 Jan 2013</a></span>
						</div>
						-->
						
						

						<!--
						<div class="other-posts">
							<ul class="no-bullet">
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">Check Out the New Recommended Resources on Webdesigntuts+</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">15 Great Last-Minute Gifts for Web Designers</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">How to Create an SEO-Friendly URL Structure</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
							</ul>
						</div>
						-->
					</article>
					<!-- End Category posts -->

					<!-- Category posts -->
					<article class="twelve column">
						<h4 class="cat-title"><a href="#">GeekaWhat Ad.</a></h4>
						<div class="post-image">
							<!--<a href="#"><img src="http://placehold.it/300x220" alt="Windows7 install fonts, New fonts in Windows"></a>-->
							<iframe width="100%" height="370" src="//www.youtube.com/embed/w1fcf-Gf9OE" frameborder="0" allowfullscreen></iframe>
						</div>


						<!--
						<div class="other-posts">
							<ul class="no-bullet">
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">Check Out the New Recommended Resources on Webdesigntuts+</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">15 Great Last-Minute Gifts for Web Designers</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">How to Create an SEO-Friendly URL Structure</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
							</ul>
						</div>
						-->
					</article>
					<!-- End Category posts -->
				</section>
				
				<br clear="all"/>
				<br clear="all"/>

				<!-- Carousel Posts -->

				
				{* Carousel example - not used so commented out
				<div class="clearfix mb10 oh">
					<h4 class="cat-title">Adobe Fireworks Tips & Tricks</h4>
					<!-- jCarousel -->
					<div class="carousel-container">
						<div class="carousel-navigation">
							<a class="carousel-prev"></a>
							<a class="carousel-next"></a>
						</div>
						
						<div class="carousel-item-holder row" data-index="0">
						
							{foreach $carousel1 as $carouselPost}
							<div class="four column carousel-item">
								{if $carouselPost->posttype == "image"}
								<!--<a href="#"><img src="http://placehold.it/300x250" alt=""></a>-->
								<a href="#"><img src="{$carouselPost->url}" alt="Adobe Fireworks Tips"></a>
								{/if}
								{if $carouselPost->posttype == "youtube"}
								<iframe width="100%" height="180" src="{$carouselPost->url}" frameborder="0" allowfullscreen></iframe>
								{/if}

								<div class="post-container">
									<h2 class="post-title">{$carouselPost->title}</h2>
									<div class="post-content">
									<p>{$carouselPost->description}</p>
									</div>
								</div>

								{if $carouselPost->metadata}
								<div class="post-meta">
									{if $carouselPost['metadata']['comments']}
									<span class="comments"><a href="#">{$carouselPost['metadata']['comments']['count']}</a></span>
									{/if}
									{if $carouselPost['metadata']['date']}
									<span class="date"><a href="#">{$carouselPost['metadata']['date']}</a></span>
									{/if}
								</div>
								{/if}
							</div>
							{/foreach}
						</div>
					</div>
					<!-- End jCarousel -->
				</div>
				*}
				<!-- End Carousel Posts -->

                                <div id="disqus_thread"></div>
                                <script type="text/javascript">

                                   var disqus_shortname = 'geekawhat'; // required: replace example with your forum shortname
                                   var disqus_identifier = 'whoarewe_page';
                                   var disqus_title = 'Discuss Geekawhat';
                                   var disqus_url = 'http://www.geekawhat.com/whoarewe.php';

                                  (function() {
                                      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                   })();
                                </script>
                                <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
				



				<!-- Ads
				<div class="ads-middle mb25">
					<a href="#"><img src="http://placehold.it/468x60" alt=""></a>
				</div> -->
				<!-- Ads -->

				<section class="row">
					<!-- Category posts -->
					{foreach $categoryPosts as $categoryPost}
					<article class="six column">
						<h4 class="cat-title"><a href="#">{$categoryPost->title}</a></h4>
						<div class="post-image">
							<a href="#"><img src="{$imagebaseurl}/{$categoryPost->image}" alt=""></a>
						</div>

						<div class="post-container">
							<h2 class="post-title">{$categoryPost->posttitle}</h2>
							{if $categoryPost->postcontent}
							<div class="post-content">
								<p>{$categoryPost->postcontent}</p>
							</div>
							{/if}
						</div>

						<div class="post-meta">
						<!--
							<span class="comments"><a href="#">24</a></span>
							<span class="author"><a href="#">nextwpthemes</a></span>
						-->
							{if $categoryPost->date}
							<span class="date"><a href="#">{$categoryPost->date}</a></span>
							{/if}
						</div>

						<!-- TODO other posts
						<div class="other-posts">
							<ul class="no-bullet">
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">Check Out the New Recommended Resources on Webdesigntuts+</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">15 Great Last-Minute Gifts for Web Designers</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">How to Create an SEO-Friendly URL Structure</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
							</ul>
						</div>
						-->
					</article>
					{/foreach}
					<!-- End Category posts -->

				</section>

				<!-- TODO Gallery Posts
				<div class="clearfix mb25 oh">
					<h4 class="cat-title">Gallery</h4>
					<!-- jCarousel -->
					<!--
					<div class="carousel-container">
						<div class="carousel-navigation">
							<a class="carousel-prev"></a>
							<a class="carousel-next"></a>
						</div>
						<div class="carousel-item-holder gallery row" data-index="0">
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
						</div>
					</div>
					<!-- End jCarousel -->
				<!--
				</div>
				-->
				<!-- End Gallery Posts -->
			</section>
			<!-- Content -->

			<!-- Sidebar -->

                        <aside id="xxsidebar-twitter" class="four column pull-right sidebar-twitter" style="min-height:600px;min-width: 180px">
{literal}
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
{/literal}
                           <a class="twitter-timeline"  href="https://twitter.com/GeekaWhat"  data-widget-id="335390083077259264">Tweets by @GeekaWhat</a>
                        </aside>

			<aside id="paddbar" class="four column pull-right">
			     <br clear="all"/>
			</aside>
			
			<aside id="sidebar" class="four column pull-right">
			
				<ul class="no-bullet">
					
					<br clear="all"/>
					<br clear="all"/>
									
					<li class="widget widget_social_media clearfix">
						<h3 class="widget-title">Follow us</h3>
						<ul class="no-bullet">
							<li class="twitter">
								<div class="btn">
									<a href="https://twitter.com/geekawhat" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @GeekaWhat</a>
									
									{literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>{/literal}
								
								</div>
							</li>
							
							<li class="youtube">
									<a href="http://youtube.com/subscription_center?add_user=geekawhat" class="youtube-subscribe-button">
										<img src="/images/social_media_youtube_background.PNG" alt="Geekawhat youtube subscribe"
  width="143" height="84" border="0" />
									</a>
							</li>
						</ul>
					</li>
					
				</ul>
			</aside>
			<!-- End Sidebar -->

			<!-- Footer -->
			<footer class="row clearfix">
			
				<!-- Footer widgets -->
				<ul class="no-bullet clearfix">
                                        
				</ul>
				<!-- End Footer widgets -->

				<div class="copyright clearfix">
					© Copyright 2013 Geekawhat
				</div>

				<div id="back-to-top" class="right">
					<a href="#top">Back to Top</a>
				</div>
			</footer>
			<!-- End Footer -->
		</section>
		<!-- End Inner Container -->
	</section>
	<!-- End Container -->
	
	<a href="https://plus.google.com/111973053814515539458" rel="publisher">Google+</a>

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>


</body>
</html>